﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    CodeBehind="Booking.aspx.cs" Inherits="CarRent.Booking" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <link href="/Styles/jquery.ui.timepicker.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery.ui.timepicker.js" type="text/javascript"></script>
    <script src="/Scripts/date.js" type="text/javascript"></script>
    <script src="/Scripts/vm/booking-vm.js" type="text/javascript"></script>
    <style type="text/css">
        .datepicker
        {
            width: 120px;
        }
        .timepicker
        {
            width: 60px;
        }
        .ui-datepicker-trigger
        {
            background-position: -13px -4215px;
            background-image: url(/images/timepicker.png);
            background-color: transparent;
            border: none;
            width: 20px;
            height: 28px;
            overflow: hidden;
        }
        .ui-datepicker-trigger:hover
        {
            background-position: -63px -4215px;
        }
        .timepicker_button_trigger
        {
            position: relative;
            background-position: -13px -4254px;
            background-image: url(/images/timepicker.png);
            width: 20px;
            height: 28px;
            overflow: hidden;
            display: inline-block;
        }
        .timepicker_button_trigger:hover
        {
            background-position: -63px -4254px;
        }
        .bookingForm td
        {
            line-height: 30px;
        }
        .valid
        {
            color: Red;
        }
        .requestby
        {
            color: Red;
            font-weight: bold;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <table class="bookingform">
        <tr>
            <td colspan="4">
                &nbsp;
            </td>
        </tr>
        <tr>
            <td style="width: 80px">
                <asp:Label ID="lblRequestBy" runat="server" Text="Request by:"></asp:Label>
            </td>
            <td class="requestby">
                <asp:Literal ID="ltrRequestBy" runat="server"></asp:Literal>
            </td>
            <td style="width: 80px">
            </td>
            <td>
            </td>
        </tr>
        <tr>
            <td>
                <asp:Label ID="lblRequestFor" runat="server" Text="Request for:"></asp:Label>
            </td>
            <td>
                <asp:DropDownList ID="ddlRequestFor" runat="server" />
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
       <%-- <tr>
            <td class="style3">
                <asp:Label ID="lblCarModel" runat="server" Text="Car model:"></asp:Label>
            </td>
            <td class="style3">
                <asp:DropDownList ID="ddlCar" runat="server" />
            </td>
            <td class="style3">
            </td>
            <td class="style3">
                &nbsp;
            </td>
        </tr>--%>
        <tr>
            <td>
                <asp:Label ID="lblFromDate" runat="server" Text="From date:"></asp:Label>
            </td>
            <td>
                <asp:TextBox ID="fromDate" runat="server" CssClass="datepicker from" />
                <asp:TextBox ID="fromTime" runat="server" CssClass="timepicker start" />
                <div class="timepicker_button_trigger start">
                </div>
            </td>
            <td>
                <asp:Label ID="lblToDate" runat="server" Text="To date:"></asp:Label>
            </td>
            <td>
                <asp:TextBox ID="toDate" runat="server" CssClass="datepicker to" />
                <asp:TextBox ID="toTime" runat="server" CssClass="timepicker end" />
                <div class="timepicker_button_trigger end">
                </div>
            </td>
        </tr>
        <tr>
            <td>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ErrorMessage="Please select the from date and time."
                    InitialValue="" ControlToValidate="fromDate" CssClass="valid"></asp:RequiredFieldValidator>
            </td>
            <td>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Please select the to date and time."
                    InitialValue="" ControlToValidate="toDate" CssClass="valid"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td>
                <asp:Label ID="lblDuration" runat="server" Text="Duration"></asp:Label>
            </td>
            <td>
                <label id="showDuration" />
            </td>
            <td>
                &nbsp;
            </td>
            <td>
                &nbsp;
            </td>
        </tr>
        <tr>
            <td class="style4">
                <asp:Label ID="lblDestination" runat="server" Text="Destination:"></asp:Label>
            </td>
            <td class="style4" colspan="3">
                <asp:TextBox ID="txtDestination" runat="server" />
                <asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" ErrorMessage="Please input the destination."
                    InitialValue="" ControlToValidate="txtDestination" CssClass="valid"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td>
                <asp:Label ID="lblPurpose" runat="server" Text="Purpose:"></asp:Label>
            </td>
            <td colspan="3">
                <asp:TextBox ID="txtPurpose" runat="server" TextMode="MultiLine" Rows="6" />
                <asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server" ErrorMessage="Please input the purpose."
                    InitialValue="" ControlToValidate="txtPurpose" CssClass="valid"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style2">
            </td>
            <td class="style2">
                <asp:Button ID="btnRegister" runat="server" Text="Register" OnClick="btnRegister_Click"
                    CssClass="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" />
            </td>
            <td colspan="2">
                <asp:Panel ID="pnlStatus" runat="server">
                    <asp:Literal ID="litStatus" runat="server"></asp:Literal></asp:Panel>
            </td>
        </tr>
    </table>
</asp:Content>
